
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>在展2.0/竖屏作品展示方式 </title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />


	
	<!-- Animate.css -->
	<!-- Magnific Popup -->
	<!-- Salvattore -->
	<link rel="stylesheet" href="css/salvattore.css?v=1.10">
	<!-- Theme Style -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- Font icon -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- custmun -->
	<link rel="stylesheet" href="css/content.css?v=1.0">
	

	<!--
	<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">-->
	<!-- Modernizr JS -->
	<!-- <script src="js/modernizr-2.6.2.min.js"></script> -->
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->
	<style>
		
		
	</style>
	</head>
	<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" >
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				
				<a class="navbar-brand" href="#">
					<img alt="在展&百校联展" src="navlogo.png" style="max-width: 120px;" />
				</a>
			</div>
		
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
				<!-- <li><a href="#"><button type="submit" class="btn btn-default">免注册登录</button></a></li> -->
				<li><a href="#">Link</a></li>
			</ul>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#">发布作品</a></li>
				<li><a href="#">Link</a></li>
			  </ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>

	<div class="jumbotron" >
		<div class="container">
			<h1>this is banner!</h1>
			<p>...</p>
			<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
		</div>
	</div>

	<div class="container">
		<div class="panel panel-default">
			<div class="panel-body">
				<ul class="list-inline">
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
					<li><a class="btn btn-default">平面设计</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="fh5co-main">
		<div class="container">
			<div class="row">
				<div id="fh5co-board" data-columns>
					<div class="item thumbnail">
						<a href="images/img_1.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_1.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h5>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void(0);" class="pull-right text-right">
										<!-- <i class="fa fa-heart-o fa-2x text-muted"></i> -->
										<i class="fa fa-heart fa-2x islink" ></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_2.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_2.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_3.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_3.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_4.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_4.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_5.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_5.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_6.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_6.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_7.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_7.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
					<div class="item thumbnail">
						<a href="images/img_8.jpg" class="image-popup fh5co-board-img" title="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, eos?">
							<img src="images/img_8.jpg" class="cover" alt="Free HTML5 Bootstrap template">
						</a>
						<div class="caption">
							<h4>够钟落班喇</h4>
							<p class="small text-muted">平面设计</p>
							<ul class="list-inline text-muted">
								<li>
									<i class="fa fa-heart"></i> 5566
								</li>
								<li>
									<i class="fa fa-external-link"></i> 5566
								</li>
								<li>
									<i class="fa fa-compass"></i> 5566
								</li>
							</ul>
							<hr/>
							<div class="media " class="">
								<div class="media-left">
								<a href="#">
									<img class="userAvatar media-object" src="http://dh.91ant.com/static/user/img/defaultAvatar/2.png" alt="...">
								</a>
								</div>
								<div class="media-body">
									<p>梁非凡<a  href="javascript:void();" class="pull-right text-right">
										<i class="fa fa-heart-o fa-2x text-muted"></i>
									</a></p>
									<p class="small text-muted">佛山科技技术学院</p>
								</div>
							</div>
						</div>
					</div>
				</div>
        	</div>
       	</div>
	</div>
	<footer class="footer">
		<div class="container">
		  <p class="text-muted">Place sticky footer content here.</p>
		</div>
	</footer>

	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Salvattore -->
	<script src="js/salvattore.min.js"></script>
	<!-- Main JS -->
	<script src="js/main.js?v=1.9"></script>

	

	
	</body>
</html>
